﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>职称设置</title>

    <script src="~/lib/vue.global.js"></script>
    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <link rel="stylesheet" href="//unpkg.com/element-plus/dist/index.css">
    <script src="//unpkg.com/element-plus"></script>

    <style>

        body {
            background-color: #FFFFCC; /* 示例浅灰色，可替换为你的图片主色值 */
        }

        .solid-table {
            border-collapse: collapse; /* 边框合并 */
            width: 100%; /* 表格宽度（可按需调整） */
        }

            .solid-table td {
                border: 1px solid #333; /* 实线边框（颜色、粗细可修改） */
                padding: 8px; /* 单元格内边距 */
                text-align: left; /* 文本对齐方式 */
            }


        .bj {
            background-color: #FFD553
        }

        .kuan {
            width: 240px
        }
    </style>
</head>
<body>
    <div id="app">
        <div class="content-container">
            <div class="header">
                <div class="breadcrumb">您正在做的业务是:人力资源管理--薪酬标准管理--薪酬标准登记查询</div>
                <el-button type="primary" v-on:click="goToAddPage">查询</el-button>
                <el-button type="primary" onclick="history.back()">返回</el-button>
            </div>
            <table class="solid-table">
                @* :data="tableData" *@
                <tr>
                    <td class="bj">请输入薪酬标准编号</td>
                    <td><input v-model ="bh"/></td>
                </tr>
                <tr>
                    <td class="bj">请输入关键字</td>
                    <td><input v-model="Name"/></td>
                </tr>
                <tr>
                    <td class="bj">请输入建档时间</td>
                    <td><input type="date" v-model="datak"/>至<input type="date" v-model="dataj"/>(YYYY-MM-DD)</td>
                </tr>
            </table>
        </div>
    </div>

    <script>
        const { createApp, ref } = Vue;

        const app = createApp({
          setup() {
              const bh = ref();
              const Name = ref("");
              const datak = ref();
              const dataj = ref();
              function goToAddPage(){
                  if((datak.value!= undefined && dataj.value != undefined)||(datak.value== undefined && dataj.value == undefined) ){
                      parent.mainFrame.location.href='@Url.Action("Server", "SS_Search")' + '?bh=' + bh.value+ '&Name=' + Name.value+ '&datak=' + datak.value+ '&dataj=' + dataj.value;
                  }else{
                      ElementPlus.ElMessage.error('时间需要两个都不为空或都为空');
                  }
              }
              return {
                  bh,
                  Name,
                  datak,
                  dataj,
                  goToAddPage
              }
          }
        });

        app.use(ElementPlus);
        app.mount('#app');
    </script>
</body>
</html>
